<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>资料上传</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/common.css" />
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}
			body {
				background-color: #FFFFFF;
			}
			.mui-content {
				background-color: #FFFFFF;
			}
			.step-div-container {
				width: 100%;
				position: relative;
			}
			.step-div {
				width: 100%;
				height: 100px;
				text-align: center;
			}
			.step-div img {
				width: 100%;
				height: 100px;
			}
			.step-div-btn {
				position: absolute;
				top: 10px;
				left: 8%;
				width: 84%;
				height: 80px;
			}
			.data-btn {
				width: 20%;
				height: 80px;
				position: absolute;
				left: 4%;
				top: 0px;
			}
			.table-btn {
				width: 20%;
				height: 80px;
				position: absolute;
				left: 40%;
				top: 0px;
			}
			.order-btn {
				width: 20%;
				height: 80px;
				position: absolute;
				right: 4%;
				top: 0px;
			}
			.check-table-container {
				display: none;
				width: 100%;
				height: auto;
				background-color: #FFFFFF;
			}
			.item-li {
				position: relative;
				height: 88px;
				padding: 0px 20px;
				border-bottom: 1px solid #F7F6F7;
			}
			.name {
				padding-top: 15px;
				font-family: 'PingFangSC-Regular';
				font-size: 16px;
				color: #4C4C4C;
				line-height: 25px;
			}
			.position {
				margin-top: 10px;
				font-family: 'PingFangSC-Regular';
				font-size: 14px;
				color: #999999;
				line-height: 25px;
			}
			.write-div {
				position: absolute;
				right: 20px;
				top: 0px;
				line-height: 88px;
			}
			.write-div span {
				font-family: 'PingFangSC-Regular';
				font-size: 14px;
				color: #FF4747;
			}
			.write-div img {
				margin-left: 15px;
				height: 16px;
				vertical-align: middle;
			}
			.check-data-container {
				width: 100%;
				margin-bottom: 60px;
				/*display: none;*/
			}
			.tips-div {
				margin: 10px;
			}
			.tips-icon {
				width: 14px;
				height: 14px;
				vertical-align: middle;
			}
			.tips-div .tips-span {
				font-family: 'PingFangSC-Regular';
				font-size: 10px;
				color: #9B9B9B;
			}
			.line-div {
				width: 100%;
				height: 1px;
				background-color: #F3F3F3;
			}
			.progress-div-container {
				margin: 0px 20px;
			}
			.progress-div {
			    display: inline-block;
    				height: 60px;
			}
			.progress-div .header {
				width: 25px;
				height: 25px;
				vertical-align: middle;
			}
			.progress-div .profession {
			    display: inline-block;
			    font-family: 'PingFangSC-Regular';
			    font-size: 14px;
			    color: #4A4A4A;
			    line-height: 40px;
			    vertical-align: top;
			    margin-top: 10px;
			}
			.check-data-div {
				display: inline-block;
				float: right;
				width: 100px;
				height: 30px;
				line-height: 30px;
				border: 1px solid #979797;
				font-family: 'PingFangSC-Regular';
				font-size: 12px;
				color: #9B9B9B;
				text-align: center;
			    margin-top: 15px;
			}
			.necessary-data-container {
				width: 100%;
				position: relative;
			}
			.necessary-data-container .title {
				font-family: 'PingFangSC-Regular';
				font-size: 14px;
				color: #000000;
				text-align: center;
				margin: 15px 0px;
			}
			.inline {
				display: inline-block;
			}
			.right {
				float: right;
			}
			.margin-l-r-10 {
				margin-left: 15px;
				margin-right: 15px;
			}
			.necessary-li {
				padding: 12px 0px;
				border-bottom: 1px solid #D9D8D9;
			}
			.necessary-li .left img {
				width: 20px;
				height: 20px;
				vertical-align: middle;
			}
			.necessary-li .inline span {
				font-family: 'PingFangSC-Regular';
				font-size: 14px;
				color: #000000;
				margin-left: 5px;
			}
			.necessary-li .right img {
				height: 16px;
				vertical-align: middle;
				margin-left: 10px;
			}
			.necessary-li .right span {
				font-family: 'PingFangSC-Regular';
				font-size: 12px;
				color: #D0011B;
			}
			.circleChart {
			    display: inline-block;
    				margin-top: 10px;
			}
			#step2, #step3 {
				display: none;
			}
			.check-order-container{display: none; clear:both;overflow:hidden;height:auto;padding-bottom: 60px;background-color: #F3F3F3;}
			.check-order-container .addr-div{position: relative; width: 100%; padding: 15px; background-color: #FFFFFF;}
			.check-order-container .addr-tips-div {display: none; font-size: 13px; color: #838383; font-family: "PingFang-SC-Regular"; line-height: 40px;}
			.check-order-container .addr-name{font-size: 13px; color: #838383; font-family: "PingFang-SC-Regular";}
			.check-order-container .addr-phone{margin-left: 30px; font-size: 13px; color: #838383; font-family: "PingFang-SC-Regular";}
			.check-order-container .addr-info{font-size: 13px; color: #838383; font-family: "PingFang-SC-Regular";}
			.tochoose-div {position: absolute; right: 20px; top: 33%;}
			.tochoose-div .arrow-icon {width: 11px; height: 18px;}
			.info-div {
				width: 100%;
				margin-top: 20px;
				background-color: #FFFFFF;
			}
			.item-div {
				margin: 0px 28px;
				height: 55px;
				position: relative;
			}
			.item-span {
				line-height: 55px;
				font-family: 'PingFangSC-Regular';
				font-size: 14px;
				color: #666666;
			}
			.item-span-text {
			    float: right;
	    			width: 65%;
				height: 55px; 
				color:#515151;
				font-size: 15px;
				line-height: 55px;
			}
			.center {
			 	text-align: -webkit-center;
			 }
			 .tips-container {
			 	width: 100px;
			 	height: 100px;
		 	    margin-top: 50%;
			 	background: #FFFFFF;
				border-radius: 4px;
				text-align: center;
			 }
			.tips-container .tips-icon {
			 	width: 36px;
			 	height: 36px;
			 	margin-top: 15px;
			 }
			 .tips-div {
			 	font-family: 'PingFangSC-Regular';
				font-size: 14px;
				color: #333333;
				line-height: 30px;
			 }
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">资料上传</h1>
		</header>
		<div class="mui-content">
			<div class="step-div-container">
				<div class="step-div">
					<img src="../img/applicant/step_upload.png" />
				</div>
				<div class="step-div-btn">
					<div class="data-btn"></div>
					<div class="table-btn"></div>
					<div class="order-btn"></div>
				</div>
			</div>
			<div class="check-table-container">
				<div class="item-li">
					<div class="name"></div>
					<div class="position"></div>
					<div class="write-div">
						<span>填写申请表</span>
						<img src="../img/detail/go_more.png" />
					</div>
				</div>
			</div>
			<div class="check-data-container">
				<div class="tips-div">
					<img class="tips-icon" src="../img/detail/date_icon.png" />
					<span class="tips-span">此处仅提交部分资料，其余资料需要在支付后邮寄</span>
				</div>
				<div class="line-div"></div>
				<div class="progress-div-container">
					<div class="progress-div">
						<div class="circleChart"></div>
						<div class="profession">在职人员</div>
					</div>
					<!--<div class="check-data-div">查看全部资料</div>-->
				</div>
				<div class="line-div"></div>
				<div class="necessary-data-container">
					<div id="mustDataNum" class="title"></div>
					<div class="line-div"></div>
					<div class="necessary-ul">
						<div id="photo1" class="necessary-li" data-type="1">
							<div class="inline left margin-l-r-10">
								<img src="../img/detail/camera_norm.png" />
								<span>照片</span>
							</div>
							<div class="inline right margin-l-r-10">
								<span id="photoText1">待上传</span>
								<img src="../img/detail/go_more.png" />
							</div>
						</div>
						<div id="photo2" class="necessary-li" data-type="2">
							<div class="inline left margin-l-r-10">
								<img src="../img/detail/camera_norm.png" />
								<span>护照首页</span>
							</div>
							<div class="inline right margin-l-r-10">
								<span id="photoText2">待上传</span>
								<img src="../img/detail/go_more.png" />
							</div>
						</div>
						<div id="photo3" class="necessary-li" data-type="3">
							<div class="inline left margin-l-r-10">
								<img src="../img/detail/camera_norm.png" />
								<span>身份证</span>
							</div>
							<div class="inline right margin-l-r-10">
								<span id="photoText3">待上传</span>
								<img src="../img/detail/go_more.png" />
							</div>
						</div>
						<div id="photo4" class="necessary-li" data-type="4">
							<div class="inline left margin-l-r-10">
								<img src="../img/detail/camera_norm.png" />
								<span>户口本</span>
							</div>
							<div class="inline right margin-l-r-10">
								<span id="photoText4">待上传</span>
								<img src="../img/detail/go_more.png" />
							</div>
						</div>
						<div id="photo5" class="necessary-li" data-type="5">
							<div class="inline left margin-l-r-10">
								<img src="../img/detail/camera_norm.png" />
								<span>婚姻状况</span>
							</div>
							<div class="inline right margin-l-r-10">
								<span id="photoText5">待上传</span>
								<img src="../img/detail/go_more.png" />
							</div>
						</div>
						<div id="photo6" class="necessary-li" data-type="6">
							<div class="inline left margin-l-r-10">
								<img src="../img/detail/camera_norm.png" />
								<span>退休证</span>
							</div>
							<div class="inline right margin-l-r-10">
								<span id="photoText6">待上传</span>
								<img src="../img/detail/go_more.png" />
							</div>
						</div>
						<div id="photo7" class="necessary-li" data-type="7">
							<div class="inline left margin-l-r-10">
								<img src="../img/detail/camera_norm.png" />
								<span>出生证</span>
							</div>
							<div class="inline right margin-l-r-10">
								<span id="photoText7">待上传</span>
								<img src="../img/detail/go_more.png" />
							</div>
						</div>
						<div id="photo10" class="necessary-li" data-type="7">
							<div class="inline left margin-l-r-10">
								<img src="../img/detail/camera_norm.png" />
								<span>学生证</span>
							</div>
							<div class="inline right margin-l-r-10">
								<span id="photoText10">待上传</span>
								<img src="../img/detail/go_more.png" />
							</div>
						</div>
					</div>
				</div>
				<div id="optionalData" class="necessary-data-container">
					<div class="title"><span>可选资料 </span><img class="tips-icon" src="../img/detail/date_icon.png"/></div>
					<div class="line-div"></div>
					<div class="necessary-ul">
						<div id="photo8" class="necessary-li" data-type="8">
							<div class="inline left margin-l-r-10">
								<img src="../img/detail/camera_norm.png" />
								<span>父母的结婚证</span>
							</div>
							<div class="inline right margin-l-r-10">
								<span>待上传</span>
								<img src="../img/detail/go_more.png" />
							</div>
						</div>
						<div id="photo9" class="necessary-li" data-type="9">
							<div class="inline left margin-l-r-10">
								<img src="../img/detail/camera_norm.png" />
								<span>其余补充资料</span>
							</div>
							<div class="inline right margin-l-r-10">
								<span id="photoText9">待上传</span>
								<img src="../img/detail/go_more.png" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="check-order-container">
				<div class="addr-div">
					<div class="addr-container">
						<div>
							<span class="addr-name"></span>
							<span class="addr-phone"></span>
						</div>
						<div class="addr-info"></div>
					</div>
					<div class="addr-tips-div">暂无地址，点击去添加！</div>
					<div class="tochoose-div">
						<img class="arrow-icon" src="../img/detail/go_more.png" />
					</div>
				</div>
				<div class="info-div">
					<div class="item-div">
						<span class="item-span">出行时间</span>
						<span type="text" class="item-span-text" id="travelDate"></span>
					</div>
					<div class="line-div"></div>
					<div class="item-div">
						<span class="item-span">旅客信息</span>
						<span type="text" class="item-span-text" id="applyCustomerName"></span>
					</div>
					<div class="line-div"></div>
					<div class="item-div">
						<span class="item-span">旅客身份</span>
						<span type="text" class="item-span-text" id="dataTypeName"></span>
					</div>
					<div class="line-div"></div>
					<div class="item-div">
						<span class="item-span">手机号码</span>
						<span type="text" class="item-span-text" id="addressUserPhone"></span>
					</div>
				</div>
				<div class="info-div">
					<div class="item-div">
						<span class="item-span">商品价格</span>
						<span type="text" class="item-span-text" style="color: red;text-align: end;" id="goodsPrice"></span>
					</div>
				</div>
			</div>
			<div id="step1" class="transaction-container"><button type="button">下一步</button></div>
			<div id="step2" class="transaction-container"><button type="button">下一步</button></div>
			<div id="step3" class="transaction-container"><button type="button">确认订单</button></div>
		</div>
		<div id="isWriteApply" class="modal-backdrop center">
			<div class="tips-container">
				<img class="tips-icon" src="../img/mine/warning_icon.png" />
				<div class="tips-div">请填写申请表</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script type="text/javascript" src="../js/thirdparty/jquery-3.3.1.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/mui.min.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/spin.min.js" ></script>
	<script type="text/javascript" src="../js/utils/boot.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/circleChart.min.js" ></script>
	<script type="text/javascript">
		var customerId = base.getParameter("customerId");
		var applyCustomerId = base.getParameter("applyCustomerId");
		var orderNo = base.getParameter("orderNo");
		var addressId = "";
		var tempIsStepOrder = localStorage.getItem("isStepOrder");
		$(function() {
			if (tempIsStepOrder == 1) {
				$('.check-table-container').show();
				$('.step-div img').attr("src", "../img/applicant/step_order.png");
				$('.check-data-container').hide();
				$('.check-order-container').show();
				$('.check-table-container').hide();
				$('#step1').hide();
				$('#step2').hide();
				$('#step3').show();
			}
			iosPageRefresh(); 
			getOrderAppPhotoDataInfoData();
			getConfirmOrderData();
			getOrderApplyTableForCustomerInfoData();
		})
        //获取订单申请人信息
		function getOrderApplyTableForCustomerInfoData() {
			base.postData(base.url.getOrderApplyTableForCustomerInfo, {orderNo: orderNo}, getOrderApplyTableForCustomerInfoSuccess);
		}
		function getOrderApplyTableForCustomerInfoSuccess(data) {
			if (data.success) {
				$('.check-table-container .item-li .name').text(data.extendData.applyCustomerName);
				$('.check-table-container .item-li .position').text(data.extendData.dataTypeName);
			}
		}
		function getConfirmOrderData () {
			var url = base.url.confirmOrder;
			var data = {
				orderNo: orderNo
			}
			base.postData(url,data,getConfirmOrderSuccess);
		}
		function getConfirmOrderSuccess(data) {
			if (data.success) {
				//初始化微信 用于支付
				base.initWX(function () {});
				if(data.extendData.addressUserName) {
					addressId = data.extendData.addressId;
					$(".addr-name").text(data.extendData.addressUserName);
					$(".addr-phone").text(data.extendData.addressUserPhone);
					$(".addr-info").text(data.extendData.addressInfo);
				} else {
					$(".addr-container").hide();
					$(".addr-tips-div").css("display", "inline-block");
				}
				$(".progress-div .profession").text(data.extendData.dataTypeName);
				$("#travelDate").text(data.extendData.travelDate);
				$("#applyCustomerName").text(data.extendData.applyCustomerName);
				$("#dataTypeName").text(data.extendData.dataTypeName);
				$("#addressUserPhone").text(data.extendData.addressUserPhone);
				$("#goodsPrice").text("¥"+data.extendData.price);
			} else {
				mui.toast(data.message);
			}
		}
		function getOrderAppPhotoDataInfoData () {
			var url = base.url.getOrderAppPhotoDataInfo;
			var data = {
				orderNo: orderNo
			}
			base.postData(url,data,getOrderAppPhotoDataInfoSuccess);
		}
		function getOrderAppPhotoDataInfoSuccess(data) {
			if (data.success) {
				var countPhotoType = 0;
				var finishPhotoType = 0;
				if (data.extendData.marriageMap) {
					countPhotoType+=1;
					$("#photo5").show();
					if (data.extendData.marriageMap.isMarriageStatus) {
						finishPhotoType+=1;
						$("#photoText5").text("已完成");
						$("#photoText5").css("color", "#5BA9F9");
					}
				} else {
					$("#photo5").hide();
				}
				if (data.extendData.householdMap) {
					countPhotoType+=1;
					if (data.extendData.householdMap.isHouseholdsStatus) {
						finishPhotoType+=1;
						$("#photoText4").text("已完成");
						$("#photoText4").css("color", "#5BA9F9");
					}
					$("#photo4").show();
				} else {
					$("#photo4").hide();
				}
				if (data.extendData.photoMap) {
					countPhotoType+=1;
					if (data.extendData.photoMap.isPhotoStatus) {
						finishPhotoType+=1;
						$("#photoText1").text("已完成");
						$("#photoText1").css("color", "#5BA9F9");
					}
					$("#photo1").show();
				} else {
					$("#photo1").hide();
				}
				if (data.extendData.cardMap) {
					countPhotoType+=1;
					if (data.extendData.cardMap.isCardStatus) {
						finishPhotoType+=1;
						$("#photoText3").text("已完成");
						$("#photoText3").css("color", "#5BA9F9");
					}
					$("#photo3").show();
				} else {
					$("#photo3").hide();
				}
				if (data.extendData.passportMap) {
					countPhotoType+=1;
					if (data.extendData.passportMap.isPassportStatus) {
						finishPhotoType+=1;
						$("#photoText2").text("已完成");
						$("#photoText2").css("color", "#5BA9F9");
					}
					$("#photo2").show();
				} else {
					$("#photo2").hide();
				}
				if (data.extendData.birthMap) {
					countPhotoType+=1;
					if (data.extendData.birthMap.isBirthCertificateInfo) {
						finishPhotoType+=1;
						$("#photoText7").text("已完成");
						$("#photoText7").css("color", "#5BA9F9");
					}
					$("#photo7").show();
				} else {
					$("#photo7").hide();
				}
				if (data.extendData.parentsMap) {
					if (data.extendData.parentsMap.isParentsMarriageInfo) {
						$("#photoText8").text("已完成");
						$("#photoText8").css("color", "#5BA9F9");
					}
					$("#photo8").show();
				} else {
					$("#photo8").hide();
				}
				if (data.extendData.retiredMap) {
					countPhotoType+=1;
					if (data.extendData.retiredMap.isRetiredCertificateInfo) {
						finishPhotoType+=1;
						$("#photoText6").text("已完成");
						$("#photoText6").css("color", "#5BA9F9");
					}
					$("#photo6").show();
				} else {
					$("#photo6").hide();
				}
				if (data.extendData.studentMap) {
					countPhotoType+=1;
					if (data.extendData.studentMap.isStudentInfo) {
						finishPhotoType+=1;
						$("#photoText10").text("已完成");
						$("#photoText10").css("color", "#5BA9F9");
					}
					$("#photo10").show();
				} else {
					$("#photo10").hide();
				}
				if (data.extendData.propertyMap) {
					if (data.extendData.propertyMap.isPropertyStatus) {
						$("#photoText9").text("已完成");
						$("#photoText9").css("color", "#5BA9F9");
					}
					$("#photo9").show();
				} else {
					$("#photo9").hide();
				}
				if (!data.extendData.parentsMap && !data.extendData.propertyMap) {
					$("#optionalData").hide();
				}
			} else {
				mui.toast(data.message);
			}
			$("#mustDataNum").text("必备资料（"+finishPhotoType+"/"+countPhotoType+"）");
			var circleVaule = finishPhotoType/countPhotoType*100;
			$(".circleChart").circleChart({
	            size: 40,
	            value: circleVaule,
	            text: circleVaule,
	            color: '#5BA9F9',
	//          backgroundColor: '#67ee3e',
	            onDraw: function(el, circle) {
	                circle.text(Math.round(circleVaule) + "%");
	            }
	        });
		}
		$(".check-order-container").on("tap", ".addr-div", function() {
			window.localStorage.setItem("isStepOrder", 1);
			window.location.href = "addressManagement.html?customerId="+customerId+"&applyCustomerId="+applyCustomerId;
		})
		$('.check-table-container').on('tap', '.item-li', function(){
			window.localStorage.setItem("isStepWrite", 1);
			window.location.href = "personInfoDetailed.html?orderNo="+orderNo+"&customerId="+customerId+"&applyCustomerId="+applyCustomerId;
		})
		$('#step1').on('tap', 'button', function(){
			$('.check-table-container').show();
			$('.step-div img').attr("src", "../img/applicant/step_write.png");
			$('.check-data-container').hide();
			$('#step1').hide();
			$('#step2').show();
			$('#step3').hide();
		})
		$('#step2').on('tap', 'button', function(){
			var tempIsStepWrite = localStorage.getItem("isStepWrite");
			if (tempIsStepWrite != 1) {
				$('#isWriteApply').show();
				setTimeout(function(){
					$('#isWriteApply').hide();
				},1000);
				return;
			}
			$('.check-table-container').show();
			$('.step-div img').attr("src", "../img/applicant/step_order.png");
			$('.check-data-container').hide();
			$('.check-order-container').show();
			$('.check-table-container').hide();
			$('#step1').hide();
			$('#step2').hide();
			$('#step3').show();
		})
		$('#step3').on('tap', 'button', function(){
			var isWechat = base.isOnWx();
			var params = {
               orderNo: orderNo,
               customerId: customerId,
               addressId: addressId
           	}
			if (isWechat) {
				base.weChatPay(params, function(rse) {
					//支付成功
					mui.toast('支付成功');
					setTimeout(function() {
						window.location.href='index.html?customerId='+customerId+'&fromType=1';
					}, 1000)
				}, function() {
					//取消支付
				}, function() {
					//支付失败
					mui.toast('支付失败，请稍后再试！')
				});
			} else {
				base.postData(base.url.perpayH5,params,function(data) {
					var cfg = data.extendData;
					if (data.success) {
						if(data.extendData.mweb_url) {
							var urlPath = root_host+'ry_visa_web/pages/index.html?customerId='+customerId+'&fromType=1';
							window.location.href = data.extendData.mweb_url+'&redirect_url='+encodeURIComponent(urlPath);
						}
					} else {
						mui.toast(data.message);
					}
				});
			}
		})
		$('.step-div-btn').on('tap', '.data-btn', function() {
			$('.step-div img').attr("src", "../img/applicant/step_upload.png");
			$('.check-table-container').hide();
			$('.check-data-container').show();
			$('.check-order-container').hide();
			$('#step1').show();
			$('#step2').hide();
			$('#step3').hide();
		})
		$('.step-div-btn').on('tap', '.table-btn', function() {
			$('.check-table-container').show();
			$('.step-div img').attr("src", "../img/applicant/step_write.png");
			$('.check-data-container').hide();
			$('.check-order-container').hide();
			$('#step1').hide();
			$('#step2').show();
			$('#step3').hide();
		})
		$('.necessary-ul').on('tap', '.necessary-li', function() {
			var typeId = $(this).data("type");
			switch (typeId){
				case 1:
					window.location.href = "headerPhoto.html?customerId="+customerId+"&applyCustomerId="+applyCustomerId;
					break;
				case 2:
					window.location.href = "passportPhoto.html?customerId="+customerId+"&applyCustomerId="+applyCustomerId;
					break;
				case 3:
					window.location.href = "IDCardPhoto.html?customerId="+customerId+"&applyCustomerId="+applyCustomerId;
					break;
				case 4:
					window.location.href = "bookletPhoto.html?customerId="+customerId+"&applyCustomerId="+applyCustomerId;
					break;
				case 5:
					window.location.href = "marriagePhoto.html?customerId="+customerId+"&applyCustomerId="+applyCustomerId;
					break;
				case 6:
					window.location.href = "retiredPhoto.html?customerId="+customerId+"&applyCustomerId="+applyCustomerId;
					break;
				case 7:
					window.location.href = "birthCertificatePhoto.html?customerId="+customerId+"&applyCustomerId="+applyCustomerId;
					break;
				case 8:
					window.location.href = "parentsMarriedPhoto.html?customerId="+customerId+"&applyCustomerId="+applyCustomerId;
					break;
				case 9:
					window.location.href = "otherPhoto.html?customerId="+customerId+"&applyCustomerId="+applyCustomerId;
					break;
				case 9:
					window.location.href = "studentPhoto.html?customerId="+customerId+"&applyCustomerId="+applyCustomerId;
					break;
				default:
					break;
			}
		})
		function iosPageRefresh () { //ios页面返回当前页时强制刷新
			var isPageHide = false;   
			window.addEventListener('pageshow', function () {      
			    if (isPageHide) {        
			      window.location.reload();      
			    }    
			});    
			window.addEventListener('pagehide', function () {
			    isPageHide = true;    
			});
		}
	</script>
</html>